<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传头像-品购网</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link type="text/css" rel="stylesheet" href="css/global.css" />
<link type="text/css" rel="stylesheet" href="css/index.css" />

<style type="text/css">
.photo-dialog{ width:400px;}
.photo-row {
    position: relative;
	width:300px;
	margin:20px auto;
}
.photo-row .upload-cover {
    cursor: pointer;
    text-align: center;
}
.photo-row .upload-btn {
    cursor: pointer;
    display: block;
	height:36px;
    left: 0;
	filter:alpha(opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    width: 92px;
    z-index: 1;
}
.photo-box {
    border: 1px solid #DDDDDD;
    height: 300px;
    line-height: 300px;
    overflow: hidden;
    text-align: center;
    width: 300px;
	margin:20px auto;
	vertical-align:middle;
}
.photo-box span{ _height:100%;_writing-mode:tb-rl;_vertical-align:middle;}
</style>
</head>

<body>

<div id="photoDialog" class="photo-dialog corner-gradient">
<div class="photo-row">
<input type="button" class="btn btn-green upload-cover" value="上传新头像" />
<input type="file" id="J_FilePath" name="filedata" class="upload-btn" />
<span class="gc">支持jpg、gif、png格式</span>
</div>
<div class="photo-box">
<span>
<img id="photo" src="js/skins/icons/loading.gif" alt="" />
</span>
</div>
</div>

</body>
</html>